<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>italoco e negrito</title>
</head>
<body>
    <h1>Principais Formatações</h1>
    <h2>Negrito/Destaque</h2>
    <p>
        nesta frase temos um <b>termo em negrito</b> usando a tag &lt;b&gt; (nao semantica).
    </p>

    <p>
        nesta frase temos um <strong>termo em negrito</strong> usando a tag &lt;strong&gt; (semantica).
    </p>

    <h2>Itálico/Ênfase</h2>
    <p>
        nesta frase, temos um <i>termo em italico</i>, usando a tag &lt;i&gt; (nao semantica).
    </p>

    <p>
        nesta frase, temos um <em>termo em italico</em>, usando a tag &lt;em&gt; (semantica).
    </p>
</body>
</html>